﻿<!--
/// <reference path="jquery-1.3.2-vsdoc2.js" />
-->
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>@ViewBag.Title</title>
	<!-- css -->
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
	<style type="text/css">
		html, body, #container { width: 100%; height: 100%; }
		#header>ul, #main, #footer>p { border-left: 1px solid #a3a3a3; border-right: 1px solid #a3a3a3; }
		#header>p, #header>ul, #main, #footer>p { width: 960px; margin: 0 auto; }
		#header>p { height: 100px; }
		#header>ul { height: 30px; line-height: 30px; }
		ul li { list-style: node; display: block; float: left; width: 100px; text-align: center;  }
		ul li.active { background: #a3a3a3; }
		ul li.active a { color: #FFF; }
		ul li a { font-weight: bold; text-decoration: none; }
		#footer, #footer>p { height: 70px; line-height: 70px; }
	</style>
	<!-- js -->
    <script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
	@if (false)
	{
	 <script type="text/javascript" src="../../Scripts/jquery-1.7.2-vsdoc.js"></script>
	}
    <script src="@Url.Content("~/Scripts/modernizr-2.5.3.js")" type="text/javascript"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$("#header>ul>li").click(function () {
				$("#header>ul>li").each(function () {
					$(this).removeClass("active");
				});
				$(this).addClass("active");
			});
		});
	</script>
</head>
<body>
<div id="container">
	<div id="header">
		<p>Toán tin ứng dụng - Học thuật</p>
		<ul id="main_nav">
			<li class="active">@Html.ActionLink("Home", "Index", "Home")</li>
			<li><a href="#">About</a></li>
			<li>@Ajax.ActionLink("News", "News", new AjaxOptions() { UpdateTargetId="content", LoadingElementId="side_bar" })</li>
		</ul>
	</div>
	<div id="main">
		<div id="content">
			@RenderBody()
		</div>
		<div id="side_bar">
			@if (IsSectionDefined("side_bar"))
			{
				@RenderSection("side_bar")
			}
		</div>
	</div>
	<div id="footer">
		<p>Bản quyền thuộc về Viện toán ứng dụng và tin học - Đại học Bách Khoa Hà Nội</p>
	</div>
</div>
</body>
</html>
